(function () {
  render();

  $('span.add').on('click', function () {
    $('.alert-box').show();
  });

  $('.btn-box span.cancel').on('click', function () {
    $('.alert-box').hide();
  });

  // 输入框
  let isChinese = false;
  $('.row-box textarea').on('compositionstart', function () {
    isChinese = true;
  });
  $('.row-box textarea').on('compositionend', function () {
    $('.row-box span').html(`${$(this).val().length}/80`);
    isChinese = false;
  });

  $('.row-box textarea').on('input', function () {
    if (isChinese) return;
    $('.row-box span').html(`${$(this).val().length}/80`);
  });

  // 颜色切换
  $('.col ul li').on('click', function () {
    $(this).addClass('active').siblings('li').removeClass('active');
  });

  // 添加
  $('.alert-box span.ok').on('click', function () {
    if (!localStorage.getItem('token')) return alert('请登录再操作');
    const content = $('.row-box textarea').val().trim();
    const color = $('.col ul li.active').css('background-color');
    addWish(content, color);
    $('.alert-box').hide();
  });

  // 删除
  $('.list-box').on('click', '.tit span.iconfont', function (e) {
    if (!localStorage.getItem('token')) return alert('请登录再操作');
    deleteWish(e.target.dataset.id);
  });

  // 分页
  $('.next').click(function () {
    if (Math.ceil(totalNum / 10) === pageNum) return alert('已经是最后一页了');
    pageNum++;
    render();
  });
  $('.prev').click(function () {
    if (pageNum === 1) return alert('已经是第一页了');
    pageNum--;
    render();
  });
})();
